import React from 'react';
import styles from './style.css'
import { getHistory } from "../../util/uitls";
import pageRedux from '../pageRedux'
import MyLayout from '../../component/MyLayout';
export class LoginWithMobileCode extends React.Component {
    constructor(props) {
        super()
        this.state = {}
    }

    componentDidMount() {

    }


    render() {
        var self = this
        return <MyLayout title="短信登录">
            <div className={styles.formItem}>
                <div className={styles.inputWrapper}>
                    <input type="mobile" placeholder="mobile" />
                    <div className={styles.sendCodeBtn}>发送验证码</div>
                </div>
            </div>
            <div className={styles.formItem}>
                <div className={styles.inputWrapper}>
                    <input type="text" placeholder="验证码" />
                </div>
            </div>


            <div className={styles.btns}>
                <button className={styles.login}>登录</button>
                {/* <button className={styles.login}>短信验证码登录</button> */}
            </div>

            <div className={styles.login2}>
                <a href="/login">账户密码登录</a>
                <a href="/register-mobile">注册</a>
            </div>
        </MyLayout>
    }
}

export default pageRedux(LoginWithMobileCode)